<script setup>
    const msg = ref('Hello Vue 3')
    const router = useRouter()
    const jump = () => {
        router.push({name: 'About', query: {
                    routerType: 'push',
                },})
    }
    const jumpA = () => {
        msg.value = 'Jump to About'
    }
</script>

<template>
    <IPage>
        <div style="width: 150px; height: 150px; background-color: #eee;">
            <img src="https://via.placeholder.com/150" alt="placeholder" @click = "jumpA" />
            <h1 @click = "jump">{{ msg }}</h1>
        </div>
    </IPage>
</template>
<style scoped lang="less">

</style>